<template>
  <div>
    <div class="container">
      <ul class="flex m-0 newCenter">
        <li>首页 ></li>
        <li @click="$router.push('./newsDetails')">新闻中心 ></li>
        <li>中心动态 ></li>
        <li>正文</li>
      </ul>
      <div class="centerground flex flex-column justify-center mt-6 ml-5 align-center mr-5" v-for="(item,index) in navList" :key="index">
        <h5>市委常委会召开2020年第35次会议</h5>
        <span>2020-12-31</span>
        <p>12月31日，市委书记李卫平主持召开市委常委会2020年第35次会议。会议传达学习了栗战书委员长在山西调研时讲话精神和第二十六次全国地方立法工作座谈会精神、《关于转发晋组通字[2020]46号文件认真开好2020年度县以上党和国家机关党员领导干部民主生活会的通知》精神、省委十一届十一次全会暨省委经济工作会议精神，并安排部署我市贯彻落实工作。会议学习了《中共山西省纪律检查委员会关于做好2021年元旦春节期间正风肃纪工作的通知》《中共太原市纪律检查委员会关于严明“十个严禁”作风纪律规定的函》《中共太原市纪律检查委员会关于四起违反中央八项规定精神问题的通报》精神。会议听取了全市安全生产、疫情防控工作情况汇报，并就“两节”期间重点工作进行安排部署。会议审议通过了市委政法委提交的《古交市关于推行“全科网格”服务管理工作的实施方案》和《古交市社会治安综合治理中心建设方案》。</p>
        <img src="../../../assets/img/图片0.png" style="width: 803px;height: 406px;" alt />
        <p>会议指出，省委十一届十一次全会暨省委经济工作会议是在开启全面建设社会主义现代化国家新征程的历史关头，山西转型出雏型的关键阶段，“十四五”开局起步的重要时刻召开的一次十分重要的会议。全市上下要认真学习领会会议精神，把学习贯彻会议精神与贯彻落实中央经济工作会议、党的十九届五中全会精神结合起来，与贯彻落实习近平总书记视察山西重要讲话重要指示结合起来，总结盘点好“十三五”收官各项工作，确保“十四五”开好局。要立足新发展阶段的新任务新要求，根据古交实际谋发展，抢机遇，做好全局长久性的发展计划，为古交实现高质量转型发展奠定坚实基础。要准确把握2021年经济形势和目标任务，主动适应新发展阶段，贯彻新发展理念，融入新发展格局，把握大势、抢抓机遇，理清思路，明确目标，聚焦“六新”突破，做好“六稳”工作、落实“六保”任务。要强化担当，坚定作为，带着责任和使命，坚决把中央、省委和太原市委的各项决策部署落到实处，努力为全省交上一份满意的“古交答卷”。</p>
      </div>
      <div class="redground flex align-center justify-center">
        <img src="../../../assets/img/zjt.png" alt />
        <span>上一篇 王宇魁主持召开中国(太原)煤炭交易</span>
        <span>下一篇 王宇魁主持召开中国(太原)煤炭交易</span>
        <img src="../../../assets/img/yjt.png" alt />
      </div>
      <ul class="li_dynamic flex flex-column">
        <li class="flex" style="margin-top:10px">
          <img src="../../../assets/img/图片5.png" alt />
          <div>
            <span>我市召开第七次全国人口普查工作推进会</span>
            <p>11月27日上午，我市第七次全国人口普查工作推进会召开。市委副书记、市长刘锦春要求，要提高政治站位，强化工作举措，加大保障力度，确保普查质量，广泛开展宣传。</p>
            <b>[MORE]</b>
          </div>
        </li>
        <li class="flex" style="margin-top:10px">
          <img src="../../../assets/img/图片6.png" alt />
          <div>
            <span>我市召开第七次全国人口普查工作推进会</span>
            <p>10月3日，市委副书记、市长刘锦春前往平定窑煤矿调研安全生产工作，市委常委、副市长邢武晓，副市长闫文光、张敏一同调研。</p>
            <b>[MORE]</b>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      id:"",
      navList:[],
    };
  },
  mounted() {
    this.getnews()
  },
  methods: {
    getnews() {
      this.$api
        .getnewsInfo({id:this.is})
        .then((res) => {
          this.navList = res.data.data
        })
        .catch(() => {});
    },
  },
};
</script>

<style lang="stylus" scoped>
.container {
  width: 1200px;
  height: 1870px;
  background: #FFFFFF;
  box-shadow: 0px 14px 46px 0px rgba(0, 0, 0, 0.05), 0px 14px 46px 0px rgba(0, 0, 0, 0.05);
}

.newCenter {
  li {
    margin-top: 30px;
    font-size: 14px;
    margin-right: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
  }
}

.centerground {
  h5 {
    font-size: 26px;
    font-weight: 500;
    color: #333333;
    margin-bottom: 10px;
  }

  span {
    font-size: 18px;
    font-weight: 400;
    color: #333333;
    margin-top: 10px;
  }

  p {
    font-size: 16px;
    font-weight: 500;
    color: #333333;
    line-height: 32px;
    text-indent: 20px;
  }
}

.redground {
  width: 1200px;
  height: 52px;
  background: #EB424C;
  opacity: 0.88;
  margin-top: 30px;
  margin-bottom: 30px;

  img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
  }

  span {
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 56px;
    margin-left: 40px;
    margin-right: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
  }
}

.li_dynamic {
  margin-left: 10%;

  li {
    width: 784px;
    height: 234px;
    list-style: none;
    margin-top: 18px;
    position: relative;
    margin-left: 25px;

    img {
      width: 280px;
      height: 184px;
    }

    div {
      margin-left: 20px;
      margin-top: 5px;

      span {
        display: block;
        font-size: 24px;
        color: #323131;
        margin-top: 10px;
      }

      span:hover {
        color: #EB424C;
        cursor: pointer;
      }

      p {
        font-size: 16px;
        color: #666666;
        margin-top: 15px;
        cursor: pointer;
      }

      b {
        font-weight: normal;
        font-size: 18px;
        font-weight: bold;
        color: #323131;
      }

      b:hover {
        color: #EB424C;
        cursor: pointer;
      }
    }
  }
}
</style>